<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="" />
<meta name="author" content="ChongMing" />
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-touch-fullscreen" content="yes">
<meta name="full-screen" content="yes">
<meta name="screen-orientation" content="portrait">
<meta name="x5-fullscreen" content="true">
<meta name="360-fullscreen" content="true">
<title>待会诊</title>
</head>
<link rel="stylesheet" href="../css/framework7.ios.min.css">
<link rel="stylesheet" href="../css/framework7.ios.colors.min.css">
<link rel="stylesheet" href="../css/my-app.css">
<link rel="stylesheet" href="../css/reset.css">
<link rel="stylesheet" href="css/consultation.css">
<script src="../js/jquery-1.7.1.min.js"></script>
<script src="../js/jquery.mobile-1.4.3.js"></script>
<script type="text/javascript" src="../js/framework7.min.js"></script>
<script type="text/javascript" src="../js/my-app.js"></script>
<script src="js/consultation.js"></script>
<script src="../js/jquery.cookie.js"></script>
<style type="text/css">
    .order_num {
        position: relative;
        width: 100%;
        height: 25px;
        background-color: #FFFFFF;
        border-bottom: 1px solid #e6e6e6;
    }
    .order_num span {
        position: absolute;
        color: #808080;
        font-size: 11px;
        left: 10px;
        top: 7px;
    }
    .order_num img{
        position: absolute;
        width: 22px;
        height: 22px;
        right: 10px;
        top: 2px;
    }
    /*医院详情*/
    .hospital_img {
        position: absolute;
        width: 54px;
        height: 54px;
        border-radius: 4px;
        left: 10px;
        top: 10px;
        z-index: 0;
    }

    .hospital_name {
        position: absolute;
        font-size: 14px;
        color: #333333;
        top: 8px;
        left: 70px;
        font-weight: bold;
    }

    .hospital_name span {
        position: absolute;
        width: 33px;
        height: 16px;
        line-height: 16px;
        font-size: 12px;
        background-color: #f95e64;
        color: white;
        text-align: center;
        border-radius: 3px;
    }

    .hospital_subContent {
        position: absolute;
        font-size: 12px;
        color: #808080;
        left: 70px;
        top: 29px;
    }

    .hospital_subContent span {
        position: absolute;
        font-size: 12px;
        color: #333333;
        width: 300px;
    }

    .pay_detail {
        position: relative;
        width: 100%;
        background-color: #fff;
    }

    .pay_detail span {
        position: absolute;
        color: #808080;
        font-size: 11px;
        left: 10px;
        top: 6px;
    }

    .pay_detail div {
        position: absolute;
        color: #808080;
        font-size: 11px;
        right: 10px;
        top: 6px;
    }

    .pay_detail button {
        position: absolute;
        display: block;
        right: 10px;
        top: 17px;
        color: #fff;
        font-size: 14px;
        width: 118px;
        height: 36px;
        border: none;

        background: #e76a68;

        border-radius: 5px;
        border: none;
        font-family: '微软雅黑';
        letter-spacing: 4px;
    }

</style>
<script>
    $(function(){
        var uid = $.cookie('local_userId');
        var page_index = 1;
        var page_size = 12;
//        获取订单列表
        consultationinterface.order_list(uid,2,page_size,page_index);
//
        var myApp = new Framework7();
        var $$ = Dom7;
//        下拉刷新
        $$('.pull-to-refresh-content').on('refresh', function (e) {
            page_index=1
            $('.infinite-scroll-preloader').html('<div class="preloader"></div>')
            setTimeout(function () {
                $('.order_stay .order-list').html('');
                consultationinterface.order_list(uid,2,page_size,page_index);
                myApp.pullToRefreshDone();
            }, 1000);
        });
//        下拉加载
        var loading = false;
        $$('.infinite-scroll').on('infinite', function () {
            // 如果正在加载，则退出
            if (loading) return;
            // 设置flag
            loading = true;
            // 模拟1s的加载过程
            setTimeout(function () {
                // 重置加载flag
                loading = false;
                page_index++
                consultationinterface.order_list(uid,2,page_size,page_index)
            }, 500);
        });
    });
</script>
<body>
<div class="order_stay order">
    <div class="topnav">
        <a href="order_stay.html" class="external" data-ajax="false">
            <div class="stay public">
                <img src="images/icon19.png">
                <p>待付款</p>
            </div>
        </a>
        <a href="order_stayDiagnosis.html" class="external" data-ajax="false">
            <div class="diagnosis public">
                <img src="images/icon22.png">
                <p class="hover">处理中</p>
            </div>
        </a>
        <a href="order_comment.html" class="external" data-ajax="false">
            <div class="comment public">
                <img src="images/icon23.png">
                <p>去评论</p>
            </div>
        </a>
        <a href="order_all.html" class="external" data-ajax="false">
            <div class="all public">
                <img src="images/icon25.png">
                <p>全部订单</p>
            </div>
        </a>
    </div>
    <div class="views" style=" margin-top: 0;">
        <div class="view view-main" data-page="home">
            <div class="pages navbar-through">
                <div data-page="home" class="page" style=" background: #ebebeb;">
                    <div class="page-content pull-to-refresh-content infinite-scroll">
                        <div class="pull-to-refresh-layer">
                            <div class="preloader"></div>
                            <div class="pull-to-refresh-arrow"></div>
                        </div>
                        <div class="list-block order-list">

                        </div>
                        <div class="infinite-scroll-preloader" style=" padding: 5px 0 80px 0">
                            <div class="preloader"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

</body>
</html>